<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp_lib/init.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>账单提醒</title>
<jsp:include page="/WEB-INF/jsp/common/common.jsp" />
<jsp:include page="/WEB-INF/jsp_lib/extjs.jsp" />

<script type="text/javascript">
	var dataStore;

	function to_pos_list(customer_name, bank, customer_card_id) {
		var url = "/cp/xyk/pos/list.htm?customer_card_id=" + customer_card_id;
		window.parent.openTab(customer_name + "-" + bank + "-刷卡记录",
				customer_card_id, url);
	}

	Ext.onReady(function() {

		dataStore = Ext.create('Ext.data.Store', {
			fields : [ 'name', 'mobile', 'kid', 'status', 'created',
					'customer_id', 'card_no', 'bank_name', 'money_max', 'date',
					'is_other_card', 'is_past', 'past_cnt', 'money_remain',
					'back_type', 'card_type', 'end_date', 'bill_type',
					'bill_day', 'bill_back_day','bill_back_day_end','pwd_query', 'pwd_pay',
					'note', 'money_sum', 'money_sum_lr' ],
			remoteSort : true,
			autoLoad : true,
			pageSize : 20,
			sorters : {
				property : 'money_max',
				direction : 'DESC'
			},
			proxy : {
				type : "ajax",
				url : "list_data.htm",
				reader : {
					type : 'json',
					rootProperty : 'list',
					totalProperty : 'page.rowTotal'
				}
			},
			listeners : {
				'beforeload' : function(store, op, options) {
					var params = searchFormPanel.getForm().getValues();
					Ext.apply(dataStore.proxy.extraParams, params);
				}
			}
		}); //#dataStore

		var searchFormPanel = Ext.create('Ext.form.Panel', {
			frame : true,
			title : "搜索条件",
			style : {
				marginBottom : '5px'
			},
			buttonAlign : "center",
			collapsible : true,
			defaultType : "textfield",
			items : [ {
				xtype : "container",
				layout : "column",
				items : [ {
					xtype : "datefield",
					format : "Y-m-d",
					fieldLabel : "日期",
					labelStyle : "text-align:right;",
					name : "srh_date",
					id : "srh_date",
					value : "${srh_date}",
					allowBlank : false
				} ]
			} ],
			buttons : [ {
				text : "搜索",
				icon : jcapp.getIcon("magnifier.png"),
				handler : function() {
					dataStore.load({
					//params:params()
					});
					dataStore.sync();
				}
			}, {
				text : "重置",
				icon : jcapp.getIcon("arrow_refresh.png"),
				handler : function() {
					this.up('form').getForm().reset();
				}
			} ]
		}); //#searchFormPanel

		var listGridPanel = Ext.create('Ext.grid.Panel', {
			title : '今日出账单列表',
			dockedItems : [ {
				xtype : 'pagingtoolbar',
				store : dataStore, // same store GridPanel is using
				dock : 'bottom',
				displayInfo : true
			} ],
			store : dataStore,
			columns : [
					{
						text : '账单日',
						dataIndex : 'bill_day',
						flex : 1
					},
					{
						text : '最后还款日',
						dataIndex : 'bill_back_day',
						flex : 1
					},
					{
						text : '离最后还款日',
						dataIndex : 'bill_back_day_end',
						flex : 1,
						renderer:function(value){
							return value+"天";
						}
					},
					{
						text : '姓名',
						dataIndex : 'name',
						flex : 1
					},
					{
						text : '联系方式',
						dataIndex : 'mobile',
						flex : 1
					},
					{
						text : '银行',
						dataIndex : 'bank_name',
						flex : 1
					},
					{
						text : '卡号',
						dataIndex : 'card_no',
						flex : 1
					},
					{
						text : '固定额度',
						dataIndex : 'money_max',
						flex : 1
					},
					{
						text : '临时额度',
						dataIndex : 'money_max_temp',
						flex : 1
					},
					{
						text : '超限额度',
						dataIndex : 'money_max_super',
						flex : 1
					},
					{
						text : '卡内余额',
						dataIndex : 'money_remain',
						flex : 1
					},
					{
						text : '开卡日期',
						dataIndex : 'date',
						hidden : true,
						renderer : function(val) {
							if (val == undefined) {
								return "";
							} else {
								return Ext.util.Format.date(new Date(val),
										"Y-m-d");
							}
						},
						flex : 1
					},
					{
						text : '附属卡',
						dataIndex : 'is_other_card',
						hidden : true,
						flex : 1
					},
					{
						text : '逾期情况',
						dataIndex : 'is_past',
						hidden : true,
						flex : 1
					},
					{
						text : '逾期次数',
						dataIndex : 'past_cnt',
						hidden : true,
						flex : 1
					},
					{
						text : '还款方式',
						dataIndex : 'back_type',
						flex : 1
					},
					{
						text : '卡种',
						dataIndex : 'card_type',
						flex : 1
					},
					{
						text : '有效期',
						dataIndex : 'end_date',
						hidden : true,
						renderer : function(val) {
							if (val == undefined) {
								return "";
							} else {
								return Ext.util.Format.date(new Date(val),
										"Y-m");
							}
						},
						flex : 1
					},
					{
						text : '账单投递方式',
						dataIndex : 'bill_type',
						hidden : true,
						flex : 1
					},
					{
						text : '查询密码',
						dataIndex : 'pwd_query',
						flex : 1
					},
					{
						text : '交易密码',
						dataIndex : 'pwd_pay',
						flex : 1
					},
					{
						text : '今日流水',
						dataIndex : 'money_sum',
						sort : false,
						flex : 1
					},
					{
						text : '收支总和',
						dataIndex : 'money_sum_lr',
						sort : false,
						flex : 1
					},
					{
						xtype : "actioncolumn",
						align : "center",
						text : '卡片交易',
						flex : 1,
						items : [ {
							xtype : 'button',
							tooltip : '去刷卡',
							icon : jcapp.getIcon("application_cascade.png"),
							handler : function(grid, rowIndex, colIndex) {
								var rec = grid.getStore().getAt(rowIndex);
								//alert("编辑 " + rec.get('kid'));
								to_pos_list(rec.get('name'), rec
										.get('bank_name'), rec.get('kid'));
							}
						} ]

					} ]
		}); //#listGridPanel

		searchFormPanel.render(Ext.getBody());
		listGridPanel.render(Ext.getBody());

	});
</script>
</head>
<body>

</body>
</html>
